先用Grid將畫面切成4個區塊
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
</Grid>
控制項Image可以載入圖片
打Image後空一格就會出現可以定義Image的屬性,不得不說WPF真得很方便
將要呈現的圖片放在專案的資料夾下,我是建議多建一個資料夾存放圖片這樣看起來比較不會太亂
我們可以在Image後面使用Source填寫相對路徑及檔案明稱就能將圖片放上去了
但如果這時候執行專案會發現跳出來的畫面一片空白
解決方法為在方案總管找到該圖片並點選,檔案屬性的建置動作改為資原
比較結果
Image裡面可以增加該Grid.Row/Grid.Column圖要放在哪個區塊
<Image Grid.Row="0" Source="/Resource/001.png"/>
<Image Grid.Row="1" Source="/Resource/002.png"/>
控制項Textblock可以顯示文字
Text顯示文字區塊內容
FontSize為字的大小
Margin為該控制項距離該區塊邊界的距離
VerticalAlignment為該空置項的垂直位置
幫然還有很多屬性可以設定,這部分就自己摸索吧